<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0" />
<meta content="telephone=no" name="format-detection" />
<link href="<{$res_url}>/css/wap/public.css" rel="stylesheet" type="text/css">
<link href="<{$res_url}>/css/wap/home.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<{$res_url}>/js/wap/jquery.min.js"></script>
<script type="text/javascript" src="<{$res_url}>/js/wap/layer.m.js"></script>
<script type="text/javascript" src="<{$res_url}>/js/wap/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="<{$res_url}>/js/wap/jquery.yomi.js"></script>
<!-----"头像"左右滑动----->
<script type="text/javascript" src="<{$res_url}>/js/wap/owl.carousel.js"></script> 
<script type="text/javascript">
	$(document).ready(function() {
		$("#owl-demo").owlCarousel({
			items :6,
			lazyLoad : true,
			navigation : true
		});
	});
</script>
<style>
	body{ background:#f8f9fa;}
	.warp{ padding-bottom:60px;}
</style>
</head>

<body>
	
    <section class="warp">
    	<div class="content">
            <header>
            	<div class="search fl"><a href="javascript:history.back()"><img src="<{$res_url}>/images/wap/icon1.png" width="20"></a></div>
                <div class="logo"><{$logo}></div>
            </header>
            
            <div class="vip_deta">
            	<ul>
                	<li>
                    	<input type="file" name="">
                    	<span>修改头像<img src="<{$res_url}>/images/wap/t2.jpg"></span>
                        <em><img src="<{$avatar}>" width="50" height="50"></em>
                    </li>
                    <li>
                    	<a href="#">
                            <span><{$name}><img src="<{$res_url}>/images/wap/t2.jpg"></span>
                            <em>昵称</em>
                        </a>
                    </li>
                    <li>
                    	<a href="#" class="sex_chose">
                            <span><{if $sex == 0}>
                            女
                        <{elseif $sex == 1}>
                            男
                        <{else}>
                            其他
                        <{/if}><img src="<{$res_url}>/images/wap/t2.jpg"></span>
                            <em>性别</em>
                        </a>
                    </li>
                    <li>
                    	<a href="#">
                            <span><{$addr}><img src="<{$res_url}>/images/wap/t2.jpg"></span>
                            <em>居住地</em>
                        </a>
                    </li>
                    <li class="clearfix">
                    	<a href="#">
                            <span><textarea name="" cols="" rows="" placeholder="个性签名"><{$desc}></textarea></span>
                            <em>个性签名</em>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="vip_deta_pop">
                <h2>性别选择</h2>
                <ul>
                    <li>男</li>
                    <li>女</li>
                    <li>其他</li>
                </ul>
            </div>
            <div class="mask"></div>
            
            <script type="text/javascript">
            	$(document).ready(function() {
                    $(".vip_deta ul li a.sex_chose").click(function(){
							$(".vip_deta_pop").toggle()
							$(".mask").toggle()
						})
					$(".mask").click(function(){
							$(".vip_deta_pop").toggle()
							$(this).toggle()
						})
                });
            </script>
            
        </div>
    </section>
    
</body>
</html>